@charset "utf-8";
/**CSS Reset**/
body, div, span, h1, h2, h3, h4, h5, h6, header, footer, section, article, aside, details, figcaption, figure, hgroup, nav, menu, address, time, canvas, audio, video, p, pre, sup, sub, ul, ol, li, dl, dt, dd, form, input, button, textarea, select, iframe, img, a { padding: 0; margin: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
header, footer, section, article, aside, details, figcaption, figure, hgroup, nav, menu { display: block; }
html, body { font-size: 16px; }
body { background-color: #fff; color: #333; font: 14px/1.5 "Microsoft Yahei", Tahoma, Arial, Roboto, "Droid Sans", "Helvetica Neue", "Droid Sans Fallback", "Heiti SC", sans-self; }
h1, h2, h3, h4, h5, h6 { font-size: 1.2rem; font-weight: normal; }
ul, ol { list-style-type: none; }
table { border-spacing: 0; border-collapse: collapse; }
th, td { word-wrap: break-word; }
sup, sub { position: absolute; text-align: center; vertical-align: baseline; }
sup { top: -.5rem; }
sub { bottom: -.5rem; }
strong, b { font-weight: normal; }
i, em, address { font-style: normal; }
img { border: none; vertical-align: top; }
a { color: #333; }
a:link, a:visited, a:hover, a:active { text-decoration: none; color: #333; outline: none; }
/*表单*/
label { vertical-align: top; }
button, input, select, textarea { font: .9rem "Microsoft Yahei"; color: #333; outline: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; }
input[type="text"], input[type="email"], input[type="password"], input[type="tel"], input[type="number"], input[type="search"], input[type="url"], input[type="datetime"], input[type="date"], input[type="month"], input[type="week"], input[type="time"] { padding: .25rem .25em; border: none; }
input[type="text"]:read-only, input[type="text"]:disabled, input[type="email"]:read-only, input[type="email"]:disabled, input[type="password"]:read-only, input[type="password"]:disabled, input[type="tel"]:read-only, input[type="tel"]:disabled, input[type="number"]:read-only, input[type="number"]:disabled, input[type="search"]:read-only, input[type="search"]:disabled, input[type="url"]:read-only, input[type="url"]:disabled, input[type="datetime"]:read-only, input[type="datetime"]:disabled, input[type="date"]:read-only, input[type="date"]:disabled, input[type="month"]:read-only, input[type="month"]:disabled, input[type="week"]:read-only, input[type="week"]:disabled, input[type="time"]:read-only, input[type="time"]:disabled { color: #999; }
input[type="button"], input[type="submit"], input[type="reset"] { border-radius: 0; }
input[type="button"]:disabled, input[type="submit"]:disabled, input[type="reset"]:disabled { background-color: #c1c1c1; color: #fff; }
textarea { overflow-y: hidden; resize: none; }
::-webkit-input-placeholder { color: #999; }
:-moz-placeholder { color: #999; }
::-moz-placeholder { color: #999; }
:-ms-input-placeholder { color: #999; }

/**弹性盒子模型**/
.flex-box { display: -webkit-box; display: -webkit-flex; display: flex; }
.flex-center { -webkit-box-align: center; -webkit-align-items: center; align-items: center; }
.flex-vercenter { -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; }
.flex-item-1 { -webkit-box-flex: 1; -webkit-flex: 1; flex: 1; width: 0%; }
.flex-item-2 { -webkit-box-flex: 2; -webkit-flex: 2; flex: 2; width: 0%; }
.flex-item-3 { -webkit-box-flex: 3; -webkit-flex: 3; flex: 3; width: 0%; }
/**盒子模型**/
/*显示*/
.db { display: block; }
.di { display: inline; }
.din { display: inline-block; }
.dn { display: none; }
/*浮动*/
.fl { float: left; display: inline; }
.fr { float: right; display: inline; }
/*清除浮动*/
.clearfix:after { clear: both; display: block; height: 0; content: ""; }
/*边框*/
.border-gray { border: 1px solid #e1e1e1; }
/*圆角*/
/*圆*/
.round { border-radius: 50%; }
/*溢出*/
.oh { overflow: hidden; }

/**背景颜色**/
.background-fff { background-color: #fff; }
.background-e9 { background-color: #e9e9e9; }

/**文字**/
/*颜色*/
.color-main { color: #02b1ff; }/*主色（浅蓝）*/
.color-white { color: #fff; }
.color-deepred { color: #d74237; }/*深红*/
.color-gray { color: #999; }/*常规灰色*/
.color-dark-gray { color: #666; }/*深灰色*/
/*文字溢出显示省略号*/
.toe { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

/**顶部**/
.header { position: fixed; top: 0; right: 0; left: 0; z-index: 10; height: 2.7rem; background: #fff; }
.header h1 { padding-top: .75rem; padding-bottom: .75rem; text-align: center; font-size: 0.875rem; color: #fff; line-height: 1.2rem; }
.back { background: url(../img/public/back.png) no-repeat center; }
.back { position: absolute; top: 0; left: 0; display: block; width: 2.7rem; height: 2.7rem; background-size: .7rem; }

/*主体*/
.mine-contains { padding-top: 2.7rem; padding-bottom: 3rem; overflow: hidden; }
/*.footter { padding: 1.4rem .75rem; background-color: #FFF; }
.footter > div { padding: 0 3%; }
.footter > div > input { width: 100%; height: 2.6rem; border: none; border-radius: .75rem; margin-bottom: 1rem; background-color: #02b1ff; color: #fff; }
.footter > div > .laststep { border: 1px solid #02b1ff; background-color: #fff; color: #02b1ff; }*/
.footer { position: fixed; bottom: 0; right: 0; left: 0; z-index: 10; height: 3rem; background-color: #fff; }

/*步骤示意*/
.basicinfo > section.process { padding: 0 .75rem; }
.process .process-ul li { position: relative; float: left; }
.process .process-ul .step1 { width: 14.285%; }
.process .process-ul .step2,
.process .process-ul .step3,
.process .process-ul .step4 { width: 28.571%; }
.process .process-ul li > i { display: inline-block; width: 50%; height: 4.375rem; background: url(../img/public/process.png) no-repeat 50% 1.56rem; background-size: 2.5rem .468rem; }
.process .process-ul li.on > i { display: inline-block; width: 50%; height: 4.375rem; background: url(../img/public/process_on.png) no-repeat 50% 1.56rem; background-size: 2.5rem .468rem; }
.process .process-ul li > span { position: relative; float: right; display: inline-block; width: 50%; height: 4.375rem; padding-top: 2.5rem; color: #a3a49e; text-align: center; font-size: .625rem; line-height: .625rem; }
.process .process-ul li > span em { position: absolute; top: 2.5rem; left: 50%; display: inline-block; width: 4.5rem; margin-left: -2.25rem; text-align: center; }
.process .process-ul .step1.on span { width: 100%; background: url(../img/public/step1_on.png) no-repeat 50% 1.25rem; background-size: .81rem; color: #58c9b9; }
.process .process-ul .step2 span { background: url(../img/public/step2.png) no-repeat 50% 1.25rem; background-size: .81rem; }
.process .process-ul .step3 span { background: url(../img/public/step3.png) no-repeat 50% 1.25rem; background-size: .81rem; }
.process .process-ul .step4 span { background: url(../img/public/step4.png) no-repeat 50% 1.25rem; background-size: .81rem; }
.process .process-ul .step2.on span { background: url(../img/public/step2_on.png) no-repeat 50% 1.25rem; background-size: .81rem; color: #58c9b9;  }
.process .process-ul .step3.on span { background: url(../img/public/step3_on.png) no-repeat 50% 1.25rem; background-size: .81rem; color: #58c9b9;  }
.process .process-ul .step4.on span { background: url(../img/public/step4_on.png) no-repeat 50% 1.25rem; background-size: .81rem; color: #58c9b9;  }

/*公司信息*/
.pay-compinfo .pay-compname { height: 3.75rem; padding-left: 2.75rem; background: url(../img/public/backgroundimg.png) no-repeat center; background-size: 100%; line-height: 3.75rem; color: #757475; }
.banner { width: 100%; }
.pay-compcontact { padding: 1rem 0 .5rem 3rem; line-height: 1.56rem; font-size: .75rem; color: #757475; }
.pay-compcontact dd span { padding-left: .3rem; color: #3db6fb; }
.pay-choose { padding: 0 3rem; margin-bottom: 1.6rem; }
.pay-choose img { float: left; width: 47%; border: 1px solid #bfbfbf; border-radius: 8px; }
.pay-choose .ali-pay { margin-right: 6%; }
.pay-choose .ali-pay.choose { border-color: #3db6fb; }
.pay-choose .we-pay.choose { border-color: #00d200; }

/*服务声明*/
.pay-doctype { padding: .5rem 2.8rem .75rem 2.8rem; background-color: #f7f7f7; color: #808080; }
.pay-doctype h5 { font-size: 1rem; }
.pay-doctype p { font-size: .75rem; }
 border-bottom: 1px solid #e9e9e9;

/*底部*/
.footer div {  }
.footer .pay-info { width: 100%; height: 100%; border-top: 1px solid #e9e9e9; font-size: .75rem; }
.pay-info dl { padding: .5rem 0 .5rem 1.1rem; line-height: 1rem; font-size: .65rem; }
.pay-info dl span { color: #d74237; }
.pay-submit { position: absolute; right: 0; top: 0; width: 7.5rem; height: 3rem; border: none; background-color: #ff6633; color: #fff; font-size: 1.1rem; }



.footter { padding: 1.4rem .75rem; background-color: #FFF; }
.footter > div { padding: 0 3%; }
.footter > div > input { width: 100%; height: 2.6rem; border: none; border-radius: .75rem; margin-bottom: 1rem; background-color: #ff6633; color: #fff; }
.footter > div > .laststep { border: 1px solid #02b1ff; background-color: #fff; color: #02b1ff; }

.basicinfo > section h2 { padding: 0 .75rem; line-height: 1.8rem; font-size: 1rem; font-weight: bold; }
.datainfo-finish { padding: 5.3rem .75rem 0 .75rem; background: url(../img/public/finish.png) no-repeat 50% .5rem; background-size: 3.43rem; }
.datainfo-finish > h2 { text-align: center; }
.datainfo-finish > p { color: #414343; }
.description { padding: 0 .75rem; margin-top: 3rem; }
.description > p { color: #999; }
